<template>
	<view class="container">
		<!-- <view class="type-section m-t" @click="navTo('/pages/aftersale/aftersale')">
			<text class="iconfont icon-fuwuerji un-icon" ></text>
			<view >
			<text class="un-title clamp">在线客服</text>
			<text class="un-tit2 clamp">查看与客服的沟通记录</text>
			</view>
			<text class="un-icon2">2</text>
			<text class="yticon icon-you un-icon1"></text>
		</view> -->
		<view class="type-section m-t" @click="navTo('/pages/news/activityNews/activityNews')">
			<text class="iconfont icon-u7 un-icon"></text>
			<view >
			<text class="un-title clamp">活动消息</text>
			<!-- <text class="un-tit2 clamp">你的地球日优惠福利来啦</text> -->
			</view>
			<!-- <text class="un-icon2">2</text> -->
			<text class="yticon icon-you un-icon1"></text>
		</view>
		<view class="type-section m-t" @click="navTo('/pages/news/serviceNews/serviceNews')">
			<text class="iconfont icon-caidan un-icon" ></text>
			<view >
				<text class="un-title clamp">服务消息</text>
				<!-- <text class="un-tit2 clamp">您有一张优惠券到账了</text> -->
			</view>
			<!-- <text class="un-icon2">2</text> -->
			<text class="yticon icon-you un-icon1"></text>
		</view>
		<view class="type-section m-t" @click="navTo('/pages/news/systemNews/systemNews')">
			<uni-icons type="sound" color="#000000" size="27" style="line-height: 150upx;"></uni-icons>
			<view>
			<text class="un-title clamp">系统消息</text>
			<!-- <text class="un-tit2 clamp">秒杀专区暂时下sdfsdf线公告</text> -->
			</view>
			<!-- <text class="un-icon2">2</text> -->
			<text class="yticon icon-you un-icon1"></text>
		</view>
		
	</view>
</template>

<script>
	import uniIcons from '@/components/uni-icons/uni-icons.vue' 
	export default {
		components: {
			uniIcons,
		},
		data() {
			return {
				
			}
		},
		onLoad() {
			
			uni.startPullDownRefresh();
		},
		onPullDownRefresh() {
			console.log('refresh');
			setTimeout(function () {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		methods: {
			navTo(url){
				uni.navigateTo({  
					url
				})  
			}, 
		}
	}
	
</script>

<style lang="scss">
	page {
		background: #f5f5f5;
	}
	.m-t{
		margin-top: 5upx;
	}
	.type-section{
		position: relative;
		margin-top: 20upx;
		display:flex;
		flex-wrap:wrap;
		padding: 0 50upx;
		background: #fff;
	}
	.un-icon{
		font-size: 45upx;
		line-height: 140upx;
	}
	.un-icon1{
		position: absolute;
		top: 55upx;
		right: 45upx;
		font-size: 45upx;
	}
	.un-icon2{
		z-index: 1;
		position: absolute; 
		right: 85upx;
		top: 60upx;
		width: 30upx;
		height: 30upx;
		background: inherit;
		background-color: rgba(240, 72, 68, 1);
		border: none;
		border-radius: 58upx;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		font-family: '微软雅黑';
		font-weight: 404;
		font-style: normal;
		font-size: 24upx;
		color: #FFFFFF;
		line-height: 30upx;
		text-align: center;
	}
	.un-title{
		margin-top: 50upx;
		margin-left: 40upx;
		font-size: 28upx;
	}
	.un-tit2{
		color: $font-color-light;
		font-size: 24upx;
		line-height: 55upx;
		margin-left:40upx;
	}
</style>
